<template>
  <div class="footer">
    <div class="footer-wrap">
      <div class="footer-left">
        <p class="footer-left-top">联系我们</p>
        <p class="footer-left-content">
          监督电话：18812345678<br />
          公司地址：北京市长安街天安门1号
        </p>
        <p class="footer-left-bottom">
          copyright@2016-2017 版权归xxxx文化传媒所有
        </p>
      </div>
      <div class="footer-right">
        <div class="QR-left">
          <div class="QR-left-img">
            <img
              src=""
              alt=""
            />
          </div>
        </div>
        <div class="QR-left">
          <div class="QR-left-img">
            <img
              src=""
              alt=""
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.footer {
  width: 100%;
  height: 176px;
  background: #222;
  .footer-wrap {
    width: 1000px;
    margin: 0 auto;
    .footer-left {
      float: left;
      padding-top: 45px;
      text-align: left;
      .footer-left-top {
        color: #d4d4d4;
        margin-bottom: 18px;
        font-size: 18px;
      }
      .footer-left-content {
        color: #d4d4d4;
        margin-bottom: 24px;
        font-size: 18px;
      }
      .footer-left-bottom {
        color: #aaaaaa;
        font-size: 14px;
      }
    }
  }
  .footer-right {
    float: right;
    .QR-left {
      float: left;
      margin-top: 28px;
      position: relative;
      margin-left: 32px;
    }
    .QR-left-img {
      img {
          width: 94px;
          height: 94px;
      }
    }
  }
}
</style>